<div class="content ffsz">
    <form id="post-form" class="layui-form" role="form" data-toggle="validator" method="POST" action="{:url('manage/payslip_settings')}">
        <div class="layui-clear">
            <div class="ff_left layui-card">
                <div class="phone">
                    <div class="phone_header"><img src="__CDN__/assets/manage/images/phone_img01.gif" alt=""/></div>
                    <div class="phone_content">
                        <div class="img"><img src="{$payslip_config.image|cdnurl}" width="360" height="165" alt=""/></div>
                        <div class="text">
                            <h3>{$payslip_config.title|default=''}</h3>
                            <p>{$payslip_config.zhaiyao|default=''}</p>
                        </div>
                    </div>
                    <div class="phone_bottom"></div>
                </div>
            </div>
            <div class="ff_right layui-card">
                <div class="layui-card-header">发放设置</div>
                <div class="layui-card-body">
                    <div class="layui-elem-quote">工资发放通知</div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">通知标题</label>
                        <div class="input">
                            <input type="text" value="{$payslip_config.title|default=''}" name="row[title]" class="layui-input text_title" maxlength="18" data-rule="required"{$payslip_config.open_auto_title?' readonly':''}>
                            <span class="text_calculate"></span>
                        </div>
                        <div class="checkbox{$payslip_config.open_auto_title?' active':''}">
                            <input type="hidden" name="row[open_auto_title]" value="{$payslip_config.open_auto_title|default='0'}">
                            <i class="iconfont icon-gou"></i>
                        </div>
                        使用工资条名称
                        <div class="wen_icon">
                            <i class="iconfont icon-wenhaoxiao" lay-tips="{YYYY}取工资条的年份{MM}取工资条的月份"></i>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">通知图片</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="row[image]" value="{$payslip_config.image|default=''}" data-rule="required" data-msg-required="请上传通知图片">
                            <a class="upload_butt" id="file">选择文件</a>
                            <span class="color_4873C1">支持JPG、PNG格式，较好的效果为大图 1068*455，小图150*150。</span>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">通知摘要</label>
                        <div class="textarea">
                            <textarea class="layui-textarea text_title" name="row[zhaiyao]" maxlength="360" data-rule="required" placeholder="请填写通知摘要">{$payslip_config.zhaiyao|default=''}</textarea>
                            <p class="text_calculate"></p>
                        </div>
                    </div>
                    <div class="layui-elem-quote">工资条说明</div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">说明</label>
                        <div class="textarea">
                            <textarea class="layui-textarea text_title" name="row[shuoming]" maxlength="360" data-rule="required" placeholder="请填写工资条说明">{$payslip_config.shuoming|default=''}</textarea>
                            <p class="text_calculate"></p>
                        </div>
                    </div>
                    <div class="layui-elem-quote">工资项目显示规则</div>
                    <div class="layui-form-item">
                        隐藏空值工资项目
                        <div class="switch{$payslip_config.open_hidden_null?' active':''}">
                            <input type="hidden" name="row[open_hidden_null]" value="{$payslip_config.open_hidden_null|default='0'}">
                            <div class="switch_handle"></div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        隐藏零值工资项目
                        <div class="switch{$payslip_config.open_hidden_zero?' active':''}">
                            <input type="hidden" name="row[open_hidden_zero]" value="{$payslip_config.open_hidden_zero|default='0'}">
                            <div class="switch_handle"></div>
                        </div>
                    </div>
                    <div class="layui-elem-quote">工资项目显示规则</div>
                    <div class="layui-form-item">
                        开启查询密码
                        <div class="switch{$payslip_config.open_query_pwd?' active':''}">
                            <input type="hidden" name="row[open_query_pwd]" value="{$payslip_config.open_query_pwd|default='0'}">
                            <div class="switch_handle"></div>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        开启疑问反馈
                        <div class="switch{$payslip_config.open_feedback?' active':''}">
                            <input type="hidden" name="row[open_feedback]" value="{$payslip_config.open_feedback|default='0'}">
                            <div class="switch_handle"></div>
                        </div>
                        工资发放后 <input type="text" name="row[feedback_days]" value="{$payslip_config.feedback_days|default='0'}" class="layui-input ffsz_input"> 天内允许反馈
                        <div class="wen_icon">
                            <i class="iconfont icon-wenhaoxiao" lay-tips="为0时不限制员工反馈时间"></i>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        开启金额隐藏
                        <div class="switch{$payslip_config.open_hidden_money?' active':''}">
                            <input type="hidden" name="row[open_hidden_money]" value="{$payslip_config.open_hidden_money|default='0'}">
                            <div class="switch_handle"></div>
                        </div>
                        <div class="wen_icon">
                            <i class="iconfont icon-wenhaoxiao" lay-tips="开启后员工进入工资条详情页需要点击“眼睛”图标才能展示金额"></i>
                        </div>
                    </div>
                    <div class="layui-form-item read">
                        开启已阅确认
                        <div class="switch{$payslip_config.open_view_confirm?' active':''}">
                            <input type="hidden" name="row[open_view_confirm]" value="{$payslip_config.open_view_confirm|default='0'}">
                            <div class="switch_handle"></div>
                        </div>
                    </div>
                    <div class="read_item"{$payslip_config.open_view_confirm ? '' : ' style="display:none"'}>
                        <div class="layui-form-item">
                            自动确认设置
                            <div class="switch{$payslip_config.open_auto_confirm?' active':''}">
                                <input type="hidden" name="row[open_auto_confirm]" value="{$payslip_config.open_auto_confirm|default='0'}">
                                <div class="switch_handle"></div>
                            </div>
                            工资发放后 <input type="text" name="row[auto_confirm_hours]" value="{$payslip_config.auto_confirm_hours|default='0'}" class="layui-input ffsz_input"> 小时自动确认（填写范围1～170）
                        </div>
                        <div class="layui-form-item">
                            确认提醒规则
                            <div class="switch{$payslip_config.open_auto_notice?' active':''}">
                                <input type="hidden" name="row[open_auto_notice]" value="{$payslip_config.open_auto_notice|default='0'}">
                                <div class="switch_handle"></div>
                            </div>
                            工资发放后 <input type="text" name="row[auto_notice_hours]" value="{$payslip_config.auto_notice_hours|default='0'}" class="layui-input ffsz_input"> 小时提醒员工（填写范围0～170）
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="add_but_box">
            <button type="reset" class="layui-btn layui-btn-primary">取消</button>
            <button type="submit" class="layui-btn layui-btn-determine gzt_upload_but">保存设置</button>
        </div>
    </form>
</div>